<!-- Site Name -->
<!-- Site Designed and Scripted by XXXXXX -->
<!-- http://www.XXXXXX.com -->
<!-- 29 July 2013 -->
<!DOCTYPE html>
<html lang="en">
	<head>
        <meta charset="utf-8">
        <title>Page Title | Owner Name</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta property="og:title" content="Page Title | Owner Name">
        <meta property="og:site_name" content="Page Title | Owner Name">
        <meta property="twitter:title" content="Page Title | Owner Name">
        <meta itemprop="name" content="Page Title | Owner Name">
        <meta name="description" content="Page Description">
        <meta property="og:description" content="Page Description">
        <meta itemprop="description" content="Page Description">
        <meta property="twitter:decription" content="Page Description">
        <meta name="keywords" content="Keywords">
        <meta name="author" href="https://plus.google.com/u/0/XXXXXX" content="XXXXXX">
        <meta itemprop="image" content="http://XXXXXX/assets/img/XXXXXX.png">
        <meta property="og:url" content="http://XXXXXX/index.php">
        <meta property="og:image" content="http://XXXXXX/assets/img/XXXXXX.png">
        <meta property="twitter:card" content="Page Description">
        <meta property="twitter:url" content="http://XXXXXX.co.za/index.php">
        <meta property="twitter:image" content="http://XXXXXX/assets/img/XXXXXX.png">
        <!-- Styles -->
        <link href="../assets/css/bootstrap.css" rel="stylesheet">
        <style type="text/css">
			body {
				padding-top: 20px;
				padding-bottom: 40px;
			}
			/* Custom container */
			.container-narrow {
				margin: 0 auto;
				max-width: 700px;
			}
			.container-narrow > hr {
				margin: 30px 0;
			}
			/* Main marketing message and sign up button */
			.jumbotron {
				margin: 60px 0;
				text-align: center;
			}
			.jumbotron h1 {
				font-size: 72px;
				line-height: 1;
			}
			.jumbotron .btn {
				font-size: 21px;
				padding: 14px 24px;
			}
			/* Supporting marketing content */
			.marketing {
				margin: 60px 0;
			}
			.marketing p + h4 {
				margin-top: 28px;
			}
		</style>
        <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="../assets/css/style.css">
        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
        	<script src="assets/js/html5shiv.js"></script>
        <![endif]-->
        <!-- Fav and touch icons -->
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
        <link rel="shortcut icon" href="../assets/ico/favicon.png">
    </head>
  	<body>
        <div class="container-narrow">
            <div class="masthead">
                <ul class="nav nav-pills pull-right">
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            	<h3 class="muted">Project name</h3>
            </div>
            <hr>
            <div class="jumbotron">
                <h1>Super awesome marketing speak!</h1>
                <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                <a class="btn btn-large btn-success" href="#">Sign up today</a>
            </div>
            <hr>
            <div class="row-fluid marketing">
                <div class="span6">
                    <h4>Subheading</h4>
                    <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>
                    <h4>Subheading</h4>
                    <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p>
                    <h4>Subheading</h4>
                    <p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
                </div>
                <div class="span6">
                    <h4>Subheading</h4>
                    <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>
                    <h4>Subheading</h4>
                    <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p>
                    <h4>Subheading</h4>
                    <p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
                </div>
            </div>
            <hr>
            <div class="footer">
            	<p>&copy; Company 2013</p>
            </div>
        </div> <!-- /container -->
		<!-- Javascript -->
        <script src="../assets/js/vendor/jquery-1.10.2.min.js"></script>
        <script src="../assets/js/vendor/bootstrap.min.js"></script>
        <script src="../assets/js/script.js"></script>
        <!-- Google Analytics Code Here -->
  	</body>
</html>
<!-- Last line of code -->